	#page #trendTop{
		width: 100%;
		height: 1.68rem;
		background-color: #574f5e;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.35rem;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
	}
	#page #trendTop .trendController{
    	width: 5.45rem;
        height: 85%;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	align-items: center;
    	color: white;
    	font-size: 0.5rem;
    }
    #page #trendTop .trendController>p{
    	width: 100%;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	color: darkgrey;
    }
    #page #trendTop .trendController>p>span:first-of-type{
    	color: white;
    }
	#page #trendTop>span{
		width: 0.7rem;
		height: 0.7rem;
	}
	#page #trendTop>span:first-of-type{
		background-image: url(../img/t1.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
	}
	#page #trendTop>span:last-of-type{
		background-image: url(../img/t2.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
	}
	#trend .swiper-container{
		width: 100%;
		margin-top: 1.68rem;
		background-color: rgb(220,220,220);
    }
    #trend .swiper-slide{
    	height: 600px;
    	overflow: scroll;
    }
    #trend .swiper-slide>div{
    	background-color: white;
    }
    #trend .swiper-pagination .trendControllerSpan{
    	width: 1rem;
    	height: 0.5rem;
    	background-color: red;
    }
    #trend #trendControllerH3{
    	width: 94%;
    	height: 0.1rem;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	/*margin-top: 0.1rem;*/
    }
    #trend #trendControllerH3>span{
    	width: 0.6rem;
    	height: 70%;
    	border-radius: 0;
    	background-color: white;
    }

    #trend #hotVideo{
    	width: 100%;
    	height: 5.72rem;
    	background-position: 40% 100%;
    	background-size: 200%;
    	background-repeat: no-repeat;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
    #trend #hotVideo>a{
    	width: 100%;
    	height: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
    #trend #hotVideo>a>div{
    	height: 3rem;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	align-items: center;
    }
    #trend #hotVideo>a>div>p:first-of-type{
    	width: 1.95rem;
    	height: 0.45rem;
    	background-image: url(../img/t5.png);
    	background-position: 0 0;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	opacity: 0.9;
    }
    #trend #hotVideo>a>div>p:nth-of-type(2){
    	width: 5rem;
    	height: 0.6rem;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	color: white;
    	font-size: 0.5rem;
    }
    #trend #hotVideo>a>div>p:last-of-type{
    	width: 1rem;
    	height: 1rem;
    	background-image: url(../img/t6.png);
    	background-position: 0 0;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	border-radius: 50%;
    	border:solid 2px white;
    }
    #trend #hotEntries>ul{
    	width: 100%;
    	display: flex;
    	justify-content: space-between;
    	align-items: flex-start;
    	flex-wrap: wrap;
    	align-content: flex-start;
    	padding: 0.4rem;
    }
    #trend #hotEntries>ul>li{
    	width: 4.78rem;
    	height: 7.08rem;
    	margin-bottom: 0.4rem;
    	display: flex;
    }
    #trend #hotEntries>ul>li>a{
    	width: 100%;
    	height: 100%;
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    }
    #trend #hotEntries>ul>li>a>div{
    	width: 100%;
    	height: 4.95rem;
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size:100% 100%;
        position: relative;
    }
    #trend #hotEntries>ul>li>a>div>span{
        width: 0.8rem;
        height: 0.6rem;
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        right: 0.2rem;
        bottom: 0.2rem;
    }

    #trend #hotEntries>ul>li>a>div>img{
    	width: 100%;
        height: 100%;
        display: none;
    }
    #trend #hotEntries>ul>li>a>p{
    	width: 100%;
    	height: 0.9rem;
    	line-height: 0.45rem;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	margin-top: 0.3rem;
    }
    #trend #hotEntries>ul>li>a>h3{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    }
    #trend #hotEntries>ul>li>a>h3>p{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    }
    #trend #hotEntries>ul>li>a>h3>p>span:first-of-type{
    	width: 0.8rem;
    	height: 0.8rem;
    	border-radius: 50%;
    	background-position: center;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	margin-right: 0.2rem;
        border:solid 1px #22c786;
    }
    #trend #hotEntries>ul>li>a>h3>p>span:last-of-type{
    	font-size: 0.1rem;
    	color: grey;
    }
    #trend #hotEntries>ul>li>a>h3>span{
    	height: 100%;
    	text-indent: 0.55rem;
    	color: grey;
    	background:url(../img/t3.png)  left center no-repeat;
    	background-size: 30%;
    }


    #trend .trendFollow>div{
    	background-color: white;
    }
    #trend .trendFollow #followHeader{
    	width: 100%;
    	height: 1.35rem;
    	padding: 0 0.4rem;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	border-bottom: solid 1px grey;
    	margin-top: 0.35rem;
    }
    #trend .trendFollow #followHeader>p{
    	display: flex;
    	font-size: 0.4rem;
    }
    #trend .trendFollow #followHeader>p>span{
    	margin: 0 0.1rem;
    }
    #trend .trendFollow #followHeader>span{
    	width: 1.44rem;
    	height: 0.75rem;
    	line-height: 0.75rem;
    	text-align: center;
    	background-color: #22c786;
    	color: white;
    	opacity: 0.5;
    }
    #trend .trendFollow #followidea>div:first-of-type{
    	width: 100%;
    	height: 1.4rem;
    	line-height: 1.4rem;
    	font-size: 0.4rem;
    	padding: 0 0.4rem;
    	color: grey;
    }
    #trend .trendFollow #followidea>ul{
    	width: 100%;
    	padding: 0 0.4rem;
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    }
    #trend .trendFollow #followidea>ul>li{
    	display: flex;
    	justify-content: space-between;
    	margin-bottom: 0.5rem;
    	position: relative;
    }
    #trend .trendFollow #followidea>ul>li>a{
    	width: 100%;
    	height: 100%;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	align-items: flex-start;
    }

    #trend .trendFollow #followidea>ul>li>a>div{
    	width: 100%;
    	height: 1.38rem;
    	display: flex;
    	justify-content: space-between;
    	align-items: flex-start;
    }
    #trend .trendFollow #followidea>ul>li>a>div>div:first-of-type{
    	width: 1rem;
    	height: 1rem;
    	border-radius: 50%;
    	border: solid 1px grey;
    	background-position: center;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	margin-right: 0.3rem;
    }
    #trend .trendFollow #followidea>ul>li>a>div>div:last-of-type{
    	width: 6rem;
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	align-items: flex-start;
    }
     #trend .trendFollow #followidea>ul>li>a>div>div:last-of-type>p:last-of-type{
     	width: 100%;
     	overflow: hidden;
     	white-space: nowrap;
     	text-overflow: ellipsis;
     }
     #trend .trendFollow #followidea>ul>li>a>div>h3{
        width: 2.38rem;
        height: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        
        color: #22c786;
        font-size: 0.4rem;
        position: relative;
    }
    #trend .trendFollow #followidea>ul>li>a>div>h3>span{
        display: block;
        /*vertical-align: center;*/
        border: solid 1px #22c786;
        width: 2.38rem;
        height: 0.8rem;
        line-height: 0.9rem;
    }
    #trend .trendFollow #followidea>ul>li>a>div>h3>.span1{
        position: absolute;
        left: 0;
        top: 0;
        /*color: red;*/
        background-color: white;
    }
    #trend .trendFollow #followidea>ul>li>a>div>h3>.span1Show{
        opacity: 0;
    }
    #trend .trendFollow #followidea>ul>li>a>p{
    	height: 3.26rem;
    	width: 100%;
    	display: flex;
    }
    #trend .trendFollow #followidea>ul>li>a>p>span{
    	flex-grow: 1;
    	height: 100%;
    	background-repeat: no-repeat;
    	background-position: 50% 50%;
    	background-size:100% 100%;
    }
    #trend .trendFollow #followidea>ul>li>a>span{
    	width: 100%;
    	height: 0.8rem;
    	line-height: 0.8rem;
    }


    #trend .trendCity>ul{
        width: 100%;
    }
    #trend .trendCity>ul>li{
        background-color: white;
        width: 100%;
        display: flex;
        margin-bottom: 0.35rem;
    }
    #trend .trendCity>ul>li>a{
        width: 100%;
        height: 100%;
        display: flex;;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #trend .trendCity>ul>li>a>div{
        width: 100%;
        height: 1.9rem;
        padding: 0 0.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #trend .trendCity>ul>li>a>div>div:first-of-type{
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #trend .trendCity>ul>li>a>div>div:first-of-type>div:first-of-type{
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-right: 0.2rem;
    }
    #trend .trendCity>ul>li>a>div>div:first-of-type>div:last-of-type{
        height: 40%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    #trend .trendCity>ul>li>a>div>div:first-of-type>div:last-of-type>p:last-of-type{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: red;
    }
    #trend .trendCity>ul>li>a>div>div:last-of-type{
        width: 0.8rem;
        height: 0.8rem;
        background-image: url(../img/t8.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #trend .trendCity>ul>li>a>img{
        width: 100%;
    }
    #trend .trendCity>ul>li>a>p:first-of-type{
        text-indent: 0.4rem;
        line-height: 1rem;
    }
    #trend .trendCity>ul>li>a>p:nth-of-type(2){
        width: 92%;
        line-height: 1.1rem;
        text-indent: 2em;
        margin-left:0.4rem;
        background-color: rgb(245,245,245);
        background-position: 5px;
        background-size: 5% 40%;
        background-repeat: no-repeat;
    }
    #trend .trendCity>ul>li>a>h3{
        height: 1.54rem;
        width: 92%;
        margin-left: 0.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #trend .trendCity>ul>li>a>h3>div:first-of-type{
        width: 45%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #trend .trendCity>ul>li>a>h3>div:first-of-type>span{
        width: 0.8rem;
        height: 0.8rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #trend .trendCity>ul>li>a>h3>div:first-of-type>span:first-of-type{
        background-image: url(../img/t7.png);
    }#trend .trendCity>ul>li>a>h3>div:first-of-type>span:nth-of-type(2){
        background-image: url(../img/t9.png);
    }#trend .trendCity>ul>li>a>h3>div:first-of-type>span:last-of-type{
        background-image: url(../img/t10.png);
    }
    #trend .trendCity>ul>li>a>h3>div:last-of-type{
        width: 0.8rem;
        height: 0.8rem;
        background-image: url(../img/t8.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #trend .trendCity>ul>li>a>p:last-of-type{
        width: 92%;
        margin-left: 0.4rem;
        line-height: 1.15rem;
        text-indent: 2em;
        background-image: url(../img/t11.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 5% 50%;
    }
    #trend .trendCity>ul>li>a>p:last-of-type>span{
        margin-right: 0.1rem;
    }
